﻿@inherits LayoutComponentBase

<MApp>
    <MAppBar Flat Class="m-bar--underline" Color="white" App ClippedLeft>
        <span>PageTabsDemo</span>
        <MSpacer></MSpacer>
        <MButton Text>
            <a href="https://blazor.masastack.com/">About</a>
        </MButton>
    </MAppBar>
    <MNavigationDrawer class="mt-16" App>
        <MList Dense>
            <MListItemGroup Color="primary">
                <MListItem Href="/">
                    <MListItemContent>
                        <MListItemTitle>Home</MListItemTitle>
                    </MListItemContent>
                </MListItem>
                <MListItem Href="counter">
                    <MListItemContent>
                        <MListItemTitle>Counter</MListItemTitle>
                    </MListItemContent>
                </MListItem>
                <MListItem Href="fetchdata">
                    <MListItemContent>
                        <MListItemTitle>Fetch data</MListItemTitle>
                    </MListItemContent>
                </MListItem>
            </MListItemGroup>
        </MList>
    </MNavigationDrawer>
    <MMain>
        <MContainer Fluid>
            <MPageTabs Items="_items">
                @Body
            </MPageTabs>
        </MContainer>
    </MMain>
</MApp>

@code {
    private List<PageTabItem> _items = new List<PageTabItem>
        {
            new PageTabItem("index",""),
            new PageTabItem("counter","counter"),
            new PageTabItem("fetchdata","fetchdata")
        };
}
